<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/webpage/include/taglib.jsp"%>
<html>
<head>
	<title>装卸收支明细管理</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<meta name="decorator" content="ani"/>
	<%@ include file="/webpage/include/bootstraptable.jsp"%>
	<%@include file="/webpage/include/treeview.jsp" %>
	<%@include file="loadDetilList.js" %>
</head>
<body>
	<div class="wrapper wrapper-content">
	<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title">装卸收支明细列表</h3>
	</div>
	<div class="panel-body">
		<sys:message content="${message}"/>
	
	<!-- 搜索 -->
		<div class="accordion-inner">
			<div class="col-xs-6 col-sm-3 col-md-2">
				<label class="label-item single-overflow pull-left" title="起始时间">起始时间:</label>
				<div class="col-xs-12">
					<div class='input-group date' id='minDate' >
						<input type='text'  id="min" class="form-control"  />
						<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
					</div>
				</div>

			</div>
			<div class="col-xs-6 col-sm-3 col-md-2">

				<label class="label-item single-overflow pull-left" title="截止时间">截止时间:</label>
				<div class="col-xs-12">
					<div class='input-group date' id='maxx' >
						<input type='text'  id="max" class="form-control"  />
						<span class="input-group-addon">
			                       <span class="glyphicon glyphicon-calendar"></span>
			                   </span>
					</div>

				</div>
			</div>
			<shiro:hasPermission name="ap:imprest:pro">

				<div class="col-xs-6 col-sm-3 col-md-2">
					<label class="label-item single-overflow pull-left" title="：">项目：</label>
					<select id="pro" class=" form-control">
						<option value="">请选择</option>
						<option value="武汉润滑油仓储项目">武汉润滑油仓储项目</option>
						<option value="北京润滑油运输项目">北京润滑油运输项目</option>
						<option value="天津润滑油运输项目">天津润滑油运输项目</option>
						<option value="西安润滑油仓储配送项目">西安润滑油仓储配送项目</option>
						<option value="郑州润滑油运输项目">郑州润滑油运输项目</option>
						<option value="重庆润滑油仓储配送项目">重庆润滑油仓储配送项目	</option>

						<option value="石家庄润滑油仓储配送项目">石家庄润滑油仓储配送项目</option>
					</select>
				</div></shiro:hasPermission>
			<div class="col-xs-12 col-sm-6 col-md-4">
				<div style="margin-top:26px">
					<a  id="search" onclick="cx()" class="btn btn-primary btn-rounded  btn-bordered btn-sm"><i class="fa fa-search"></i> 查询</a>
				</div>
			</div>

		</div>


		<table class="table text-nowrap">
			<tr>
				<th>总收入</th>
				<th id="zsr"></th>
				<th>总罚款</th>
				<th id="zfk"></th>
				<th>总支出</th>
				<th id="zzc"></th>
				<th>毛利润</th>
				<th id="mlr"></th>
				<th>利润率</th>
				<th id="lrl"></th>
			</tr>
		</table>
		<input id="ids" type="hidden"/><div style="overflow: scroll;   width:100%;height: 500px;">
	<!-- 表格 -->
	<table id="loadDetilTable" class="table text-nowrap"   data-toolbar="#toolbar">
		<thead>
		<tr>
			<th>项目</th>
			<th>日期</th>
			<th>出库吨位</th>
			<th>出库单价</th>
			<th>入库吨位</th>
			<th>入库单价</th>
			<th>附加</th>
			<th>税率</th>
			<th>含税收入</th>
			<th>附加费收入</th>
			<th>总收入</th>
			<th>保底支出</th>
			<th>入库支出</th>
			<th>出库支出</th>
			<th>附加费支出</th>
			<th>罚款</th>
			<th>总支出</th>
			<th>毛利润</th>
			<th>利润率</th>
		</tr>
		</thead>
		<tbody id="detil"></tbody>
	</table>
	</div>
    <!-- context menu -->

	</div>
	</div>
	</div>
</body>
</html>